<template>
  <div class="container">
    <div class="container_page">
      <page-header :title="$t(info.title)"></page-header>
      <iframe class="iframe" :src="info.url" frameborder="0" sandbox="allow-scripts allow-same-origin allow-popups allow-forms"></iframe>
    </div>
  </div>
</template>

<script lang="js">
import share from "@/mixins/share";
export default {
  mixins: [share],
  data() {
    return {
      info:{url:'',title:""}
    }
  },
  created() {
    this.getLang();
  },
  methods: {
  },
  mounted() {

   this.info =JSON.parse(localStorage.getItem('webUrl')) ||{url:'',title:""}
  },
  computed: {},
}
</script>
<style scoped lang="scss">
.container {
  background-color: var(--page-bg);
}
.container_page {
  --page-header-height: 44px;
  margin: 0;
  background-color: var(--page-bg);
  width: 100%;
  flex: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  .iframe {
    flex: 1;
  }
}
</style>
